<div id="navbar" class="navbar navbar-default ace-save-state">
    <div class="navbar-container ace-save-state" id="navbar-container">
        <button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler" data-target="#sidebar">
            <span class="sr-only">Toggle sidebar</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <div class="navbar-header pull-left">
            <a th:href="@{/index}" class="navbar-brand">
                <img th:src="@{/images/logo.png}" src="" alt="" style="display: inline-block;"/>
                <small style="display: inline-block;">欢迎 <span th:if="${session.userSession ne null}"
                                                               th:text="${session.userSession.username}">游客</span>
                    登录<strong>房屋管理系统！</strong>&nbsp;
                </small>
            </a><!--/.brand-->

        </div>
        <div class="navbar-buttons navbar-header pull-right" role="navigation">
            <ul class="nav ace-nav">

                <li class="purple dropdown-modal" th:unless="@{innerMailListCount eq '0'}">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                        <i class="ace-icon fa fa-bell icon-animated-bell"></i>
                        <span class="badge badge-important" th:text="${innerMailListCount}">8</span>
                    </a>

                    <ul class="dropdown-menu-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
                        <li class="dropdown-header">
                            <i class="ace-icon fa fa-exclamation-triangle"></i>
                            您有<span th:text="${innerMailListCount}">8</span>条未读消息
                        </li>

                        <li class="dropdown-content">
                            <ul class="dropdown-menu dropdown-navbar navbar-pink">
                                <li th:each="mail: ${innerMailListForTitle}">
                                    <a href="#" th:href="@{'/innerMail/detail?id=' + ${mail.id}}">
                                        <div class="clearfix">
											<span class="pull-left">
												<i class="btn btn-xs no-hover btn-pink fa fa-comment"></i>
												<span th:text="${mail.title}"></span>
											</span>
                                            <span class="pull-right badge badge-info"
                                                  th:text="${mail.isRead eq false ? '未读' : '已读'}">+12</span>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </li>

                        <li class="dropdown-footer">
                            <a href="#" th:href="@{/innerMail/allDetail}">
                                查看所有站内信
                                <i class="ace-icon fa fa-arrow-right"></i>
                            </a>
                        </li>
                    </ul>
                </li>

                <li class="light-blue dropdown-modal">
                    <a data-toggle="dropdown" href="#" class="dropdown-toggle">
						<span class="user-info">
							<small>欢迎</small>
							<span th:if="${session.userSession ne null}" th:text="${session.userSession.username}"
                                  id="username">Jason</span>
						</span>
                        <i class="ace-icon fa fa-caret-down"></i>
                    </a>

                    <ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
                        <li>
                            <a href="#" th:href="@{/sys/sysUser/edit}">
                                <i class="ace-icon fa fa-cog"></i>
                                修改个人信息
                            </a>
                        </li>
                        <li>
                            <a href="" th:href="@{/modifyPassword}">
                                <i class="ace-icon fa fa-user"></i>
                                修改密码
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a th:href="@{/logout}" href="">
                                <i class="ace-icon fa fa-power-off"></i>
                                登出
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div><!--/.container-fluid-->
    </div><!--/.navbar-inner-->
</div>